<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>childNodes</title>
		<script type="text/javascript">
			//var   /vɑr/
			//alert   /əˈlɜːrt/
			// document  /ˈdɒkjumənt/ 
			// onload   /ˌɒnˈləʊd/
			// getElementById   /ɡet  elɪmənt  baɪ  ˌaɪ ˈdiː/ 
			// childNodes    /tʃaɪld  noʊdz /
			// nodeType      / noʊd   taɪp/
			// nodeName      / noʊd   neɪm/
			// nodeValue     / noʊd   vælju/
			
			/* 
						  nodeType      nodeName      nodeValue
				元素节点      1           标签名         null
				属性节点      2           元素名         属性值
				文本节点      3           #text          文本内容
			 */
			
			// childNodes 属性可以获取某一个元素节点的所有子节点，这些子节点包含 元素子节点 和 文本子节点。
			
			window.onload = function(){
				var Odiv = document.getElementById("div1");
				alert(Odiv.childNodes.length);
				for(let i=0; i<Odiv.childNodes.length; i++){
					alert(Odiv.childNodes[i].nodeType);
					alert(Odiv.childNodes[i].nodeName);
					alert(Odiv.childNodes[i].nodeValue);
				}
			}
		</script>
	</head>
	<body>
		<div id="div1"><em>em文本</em>div文本<strong>strong文本</strong></div>
	</body>
</html>
